<template xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
  <div style="padding-left: 30px">
    <div style="line-height: 34px;font-weight: bolder;font-size: 25px;">
      车源收藏
    </div>
    <el-divider></el-divider>
    <el-card v-for="item in this.tableData" :data="tableData">
      <el-row>
        <el-col span="6">
          <img :src="item.url" :width="150" :height="150" />
        </el-col>
        <el-col span="16">
          <el-descriptions :title="item.desc">
            <el-descriptions-item label="卖家报价">{{item.price}}</el-descriptions-item>
            <el-descriptions-item label="车辆状态">{{item.audit}}</el-descriptions-item>
            <el-descriptions-item label="所在区域">
              <el-tag size="small">{{item.address}}</el-tag>
            </el-descriptions-item>
            <el-descriptions-item label="所属商家">{{item.shop_name}}</el-descriptions-item>
            <el-descriptions-item label="收藏时间">{{item.data}}</el-descriptions-item>
          </el-descriptions>
        </el-col>
        <el-col span="2">
          <a href="/user-center/favorite-car">{{item.fav}}</a>
        </el-col>
      </el-row>
    </el-card>


    <el-divider></el-divider>
    <el-divider></el-divider>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
          {
            url:'https://s3.iautos.cn/source/carupload/photo/2023/0704/16/2023070416400573926828563349.jpg-pic',
            price:'200w',
            audit:'审核通过',
        id: '12987122',
        name: '奔驰',
        desc: '奔驰E260L-1.5T-A/MT改款后驱48V轻混(国Ⅵ)',
        address: '河南郑州',
        shop_name: '宁波车场',
            data:"",
            fav:"取消收藏",
        // shopId: '10333'
      },
        {
          url:'https://s3.iautos.cn/source/carupload/photo/2023/0704/16/2023070416400573926828563349.jpg-pic',
          price:'200w',
          audit:'审核通过',
          id: '12987122',
          name: '奔驰',
          desc: '奔驰E260L-1.5T-A/MT改款后驱48V轻混(国Ⅵ)',
          address: '河南郑州',
          shop_name: '宁波车场',
          data:"",
          fav:"取消收藏",
          // shopId: '10333'
        },

  ]


    }
  },

  methods:{

  },
  mounted() {

  }
}
</script>
<style>

.article-preview-dialog .description-label {
  width: 150px;
}

.article-preview-dialog .picture-item {
  width: 160px;
  height: 90px;
  margin-right: 16px;
  margin-bottom: 10px;
  border-radius: 3px;
  float: left;
}
.el-table th.el-table__cell{
  position: absolute;
  top: 0;
  right: 0;
}
.demo-table-expand label {
  width: 90px;
  color: #99a9bf;
}
.demo-table-expand .el-form-item {
  margin-right: 0;
  margin-bottom: 0;
  width: 50%;
}
.ccc{
  border: 2px solid #0aa1ed
}
</style>